<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>购物</title>
	<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/reset.css" />
	<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/shop.css" />
	<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/swiper-3.4.2.min.css" />
	<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_400457_vapvxk8ci8uxr.css"/>
	<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/shop/css/font-icon.css"/>
	<script src="{:_SKIN}/weixin/shop/js/swiper-3.4.2.jquery.min.js"></script>
	<script src="{:_SKIN}/weixin/shop/js/swiper-3.4.2.min.js"></script>

</head>
<body>
<div class="content">
	<!--头部-->
	<div class="shop-0">
		<div class="xw_90">
			<a href="{:url('index/index')}">
				<i class="iconfont icon-fanhui zuo bai font_20"></i>
			</a>
			<h2 class="neilian">购物</h2>
			<a href="{:url('index/index')}">
				<i class="iconfont icon-shouye you bai font_20"></i>
			</a>
		</div>
	</div>
	<!--底部-->
	<!-- <div class="shop-1">
		<ul>
			<a href="#">
				<li>
					<i class="iconfont icon-shouye font_24 active"></i>
					<p class="active font-12 mt_5">购物首页</p>
				</li>
			</a>
			<a href="#">
				<li>
					<i class="iconfont icon-fenlei font_24"></i>
					<p class="font-12 mt_5">分类</p>
				</li>
			</a>
			<a href="#">
				<li>
					<i class="iconfont icon-shouye2 font_24"></i>
					<p class="font-12 mt_5">购物车</p>
				</li>
			</a>
			<a href="#">
				<li>
					<i class="iconfont icon-wode font_24"></i>
					<p class="font-12 mt_5">我的</p>
				</li>
			</a>
		</ul>
	</div> -->
	<!--搜索框-->
	<div class="shop-2">
		<form action="{:url('shop/productlist1')}">
				<input type="text" id="serch" name="key" placeholder="请输入关键词">
				</form>
	</div>

	<!--轮播图-->
	<div class="shop-3">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a ><img src="{:_SKIN}/weixin/shop/img/sp1.jpg" /></a>
				</div>
				<div class="swiper-slide">
					<a ><img src="{:_SKIN}/weixin/shop/img//sp2.jpg" /></a>
				</div>
				<div class="swiper-slide">
					<a ><img src="{:_SKIN}/weixin/shop/img//sp3.jpg" /></a>
				</div>
			</div>
		</div>
	</div>
	<script>
        var mySwiper = new Swiper('.swiper-container', {
            autoplay: 5000, //可选选项，自动滑动
            autoplayDisableOnInteraction: false,
        })
	</script>

	<!--九宫格-->
	<div class="shop-4">
		<ul class="xd" style="padding: 20px 0;">
			<a href="{:url('service/supplys')}">
				<li>
					<img src="{:_SKIN}/weixin/shop/img/gongying.png" />
					<p>供应大厅</p>
				</li>
			</a>
			<a href="{:url('service/purchases')}">
				<li>
					<img src="{:_SKIN}/weixin/shop/img/caigou.png" />
					<p>采购大厅</p>
				</li>
			</a>
			<a href="{:url('productlist1')}">
				<li>
					<img src="{:_SKIN}/weixin/shop/img/jinong.png" />
					<p>急农所急</p>
				</li>
			</a>
			<a href="{:url('productlist1')}">
				<li>
					<img src="{:_SKIN}/weixin/shop/img/tegong.png" />
					<p>特供专栏</p>
				</li>
			</a>
			<a href="{:url('productlist1')}">
				<li class="mt_10">
					<img src="{:_SKIN}/weixin/shop/img/tuijian.png" />
					<p>品牌推荐</p>
				</li>
			</a>
			<a href="javascript:alert('暂无内容')">
				<li class="mt_10">
					<img src="{:_SKIN}/weixin/shop/img/jituan.png" />
					<p>集团采购</p>
				</li>
			</a>
			<a href="{:url('service/customs')}">
				<li class="mt_10">
					<img src="{:_SKIN}/weixin/shop/img/dazong.png" />
					<p>大宗定制</p>
				</li>
			</a>
			<a href="{:url('service/leases')}">
				<li class="mt_10">
					<img src="{:_SKIN}/weixin/shop/img/zulin.png" />
					<p>租赁服务</p>
				</li>
			</a>
		</ul>
	</div>
	<!--供采信息-->
	<div class="shop-5">
		<h3>|&nbsp;供采信息</h3>
		<a href="#">更多<i class="iconfont icon-gengduo font_12"></i></a>
	</div>
	<!--供采信息内容-->
	<div class="shop-6" style="height:155px;">
		{volist name="cailist" id="v"}
		<a href="{:url('service/purchase',['id'=>$v['ID']])}">
		<div class="xinxi">
			<p class="active gc">[供应信息]</p>
			<p class="gc pp2">{$v.ProductName}</p>
			<p class="gc">{$v.MinPrice}元/斤</p>
			<p class="gc">{:date('Y-m-d',strtotime($v['CreateTime']))}</p>
		</div>
		</a>
		{/volist}

	</div>
	<!--产品推荐-->
	<div class="shop-5">
		<h3>|&nbsp;产品推荐</h3>
		<a href="{:url('productlist1')}">更多<i class="iconfont icon-gengduo font_12"></i></a>
	</div>
	<!--产品推荐内容-->
	<div style="clear: both"></div>
	<div class="shop-7">
		<ul>


			{volist name="prolist" id="v"}

            
          {empty name="v.url"}
			<a href="{:url('product',['id'=>$v['id']])}">
          {else /}
              
              <a href="{$v.url}">
     
          {/empty}


				<li>
			<div class="zuo t1">
				<img src="{$v.pic}" class="caomei">
			</div>
			<div class="you t2">
				<h3 style="line-height: 20px;" class="name">{$v.name}</h3>
				<p class="">
					<i class="iconfont icon-ruhegoumai goumai"></i>
					<span>{:mt_rand(3,999)}</span>
					<i class="iconfont icon-huaban shoucang mt-zuo_10"></i>
					<span>{:mt_rand(3,999)}</span>
				</p>
				<div class="jq">
					　<span class="hong font-16">¥{$v.price}</span><span class="hui" style="float: right">{$v.shop}</span>
				</div>

			</div>
				</li>
			</a>



			{/volist}

		</ul>
	</div>
	<div style="clear: both"></div>
	<!--商家导航-->
	<!-- <div class="shop-5">
		<h3>|&nbsp;商家导航</h3>
		<a href="#">更多<i class="iconfont icon-gengduo font_12"></i></a>
	</div> -->
	<!--商家推荐内容-->
	<!-- <div class="shop-8">
		<ul>
			{volist name="buylist" id="v"}
			<a href="{:url('business')}">
			<li class="sj-1 sj" style="background-image: ">

				<p>{$v.Name}</p>
			</li>
			</a>
			{/volist}

		</ul>
	</div> -->
</div>

{include file="file:foot"}
</body>
</html>
